<template>
	<view class="card notice">
		<wd-notice-bar color="#666666" background-color="#fff" text="这是一条消息提示信息，这是一条消息提示信息，这是一条消息提示信息">
			<template #prefix>
				<view class="prefix-box">
					<image src="https://lvshi.haidanet.com/uni-static/lawyer/img/index/notice.png"></image>
					<text class="">公告</text>
				</view>
			</template>
		</wd-notice-bar>
	</view>
</template>

<script>
</script>

<style lang="less" scoped>
	.notice {
		margin-top: 20rpx;
		padding: 0;

		.wd-notice-bar {
			font-size: 26rpx;

			:deep(.wd-notice-bar__wrap) {
				height: 60rpx;
				line-height: 60rpx;
			}
		}



		.prefix-box {
			display: flex;
			flex-direction: row;
			align-items: center;
			padding-right: 20rpx;

			image {
				width: 29.17rpx;
				height: 32.64rpx;
				margin-right: 10rpx;
			}

			text {
				font-family: PingFang;
				font-weight: bold;
				font-size: 35rpx;
				color: #666666;
			}
		}
	}
</style>